<template>
  <home-block
    class="hot-casino"
    title="热门娱乐城"
  >
    <div class="big-img">
      <img :src="`${$baseImgUrl}home/${img}`"/>
    </div>
    <van-row :gutter="5">
      <van-col
        v-for="(item, index) in list"
        :key="index"
        :span="8"
      >
        <img :src="`${$baseImgUrl}home/${img}`"/>
      </van-col>
    </van-row>
  </home-block>
</template>

<script>
import HomeBlock from './HomeBlock.vue';

export default {
  name: 'HomeWarrant',
  props: {
    img: {
      type: String,
      default: 'warrant01.png'
    },
    list: {
      type: Array,
      default() {
        return [
          {
            img: 'warrant01.png', url: '', text: 'bet365', deposit: true
          },
          {
            img: 'warrant02.png', url: '', text: '皇冠现金网', deposit: true
          },
          {
            img: 'warrant03.png', url: '', text: '澳门新葡京', deposit: true
          },
          {
            img: 'warrant04.png', url: '', text: '新加坡金莎娱乐场', deposit: true
          },
          {
            img: 'warrant01.png', url: '', text: 'bet365', deposit: true
          },
          {
            img: 'warrant02.png', url: '', text: '皇冠现金网', deposit: true
          }
        ];
      }
    }
  },
  components: {
    HomeBlock
  }
};
</script>

<style lang="less" scoped>
  .hot-casino {
    img {
      width: 100%;
    }
  }
</style>
